<div id="movie_detail">
  <h1><%= show.name %></h1>
  <p><a href="#">ShowTime</a></p>
  <div id="movie_pics">
    <div style="width:150px; margin-left:auto; margin-right:auto;height:20px; background-image:url(/images/pic_page_nav_bar.png)">
    </div>
    <img style="float:left;" src="/images/little_pic_2.png" />
    <ul class="movie_img_list">
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
      <li><img src="/images/little_pic_1.png" width="70" height="70" /></li>
    </ul>
  </div>
  <div>
	<h3>OverView</h3>
	<table cellpadding="0" cellspacing="0" class="list_table" style="width:480px;margin:0;">
	   <tr class="gray">
	 		<td style="width:200px;">
	    		<h4>Movie genre:</h4>
	    	</td>
	    	<td>
	    		comic
	    	</td>
	 	</tr>
	 	<tr>
	     	<td style="width:200px;">
	     		<h4>Show Status:</h4>
	     	</td>
	     	<td>
	     		ON
	         </td>
	     </tr>
	 
	     <tr class="gray">
	         <td style="width:100px;">
	             <h4>Time Period On Show:</h4>
	         </td>
	         <td>
	             1.78 Hours</h4>
	         </td>
	     </tr>
	     <tr>
	       <td style="width:200px;">
	             <h4>Cost</h4>
	         </td>
	         <td>
	             123,430$
	         </td>
	     </tr>
	  	 <tr class="gray">
	  	     <td style="width:200px;">
	  	     </td>
	  	     <td>
	  	         <a href="#s">Attendance Report</a>
	  	     </td>
	  	 </tr>
	     <tr>
	     	<td style="width:200px;">
	     	              <h4>GS/C%</h4>
	     	          </td>
	     	          <td>
	     	              124%
	     	          </td>
	     </tr>
	     <tr class="gray">
	   		<td style="width:200px;">
	   			<h4>Gross Sales Sorted</h4>
	   		</td>
	   		<td>
	   			<ul style="margin:0;">
	   				<li><a href="#s">ChunXi Road Cinema</a></li>
	   				<li><a href="#s">ChunXi Road Cinema</a></li>
	   				<li><a href="#s">ChunXi Road Cinema</a></li>
	   			</ul>
	   		</td>
	    </tr>
	</table>	
  </div>
  <div>
	<h3>Message Boards</h3>
  	<ul id="replies">
		<%= render :partial => '/replies/index',
		 :object => show.recent_replies %>
  	</ul>
  </div>
</div>